<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>滚动标签</title>
</head>
<body>
<!--
    marquee标签:使得文本出现滚动效果
    默认从右往左无限循环滚动
    可以通过属性控制滚动效果
    direction属性:控制滚动的方向,其值有四个
        left:默认值,向左滚动
        right:向右滚动
        up:向上滚动
        down:向下滚动
    scrollamount属性:表示滚动的速度
        其值是一个数字,值越大,速度越快
    behavior属性:设置滚动的方式,其值有三种
        scroll:默认值,连续循环滚动
        slide:滚动一次,滚动结束后停止
        alternate:来回滚动
    loop属性:设置滚动的次数,默认情况下是无限次
        其值是一个正整数,指定滚动的次数
        滚动完成之后,根据behavior属性值的不同效果不同
        如果设置scroll,则文本不再出来
        如果设置slide或者alternate,则滚动指定次数之后,文本在结束位置停止
    bgcolor属性:设置滚动区域的背景色
-->
<marquee direction="left" scrollamount="50" loop="2" bgcolor="pink">这是一个默认滚动标签</marquee>
<hr>
<marquee direction="right" scrollamount="20" behavior="slide" loop="2">这是一个向右滚动标签</marquee>
<hr>
<!-- CSS样式height用于设置区域的高度 -->
<marquee style="height:300px;" direction="up" scrollamount="30" behavior="alternate" loop="2" bgcolor="#5588cc">这是一个向上滚动的标签</marquee>
<hr>
<marquee direction="down" scrollamount="40">这是一个向下滚动的标签</marquee>
</body>
</html>